<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui" >
    <h:head>
        <title>Inicio de Sesión</title>
        <link rel="shortcut icon" href="Imagenes/database_mysql.ico" type="image/x-icon"/> 
    </h:head>
    <h:body>
        <h:form>
            <p:growl id="growl" showDetail="true"  life="10000" />
            <p:dialog header="Iniciar Sesión Administrador MySQL" 
                      widgetVar="carDialog" 
                      position="center" 
                      modal="true" 
                      width="400" 
                      height="250"  
                      visible="true" 
                      showEffect="explode" 
                      hideEffect="explode" 
                      resizable="false" 
                      closable="false">  
                <p:outputPanel id="carDetail" style="text-align:center;" layout="block">   
                    <h:panelGrid  columns="2" cellpadding="5" >  
                        <h:outputText value = "Direccion Ip:"/>
                        <p:inputText id="IpAddres" value="#{loginBean.host}" required="true" requiredMessage="Por favor Ingrese la Dirección IP"/>
                        <h:outputText value = "Puerto:"/>

                        <p:inputText id="Port" value="#{loginBean.port}" required="true" requiredMessage="Por favor Ingrese el puerto"/>
                        <h:outputText value = "Nombre de usuario:"/>

                        <p:inputText id = "UserName" value="#{loginBean.user}" required="true" requiredMessage="Por favor el nombre de Usuario"/>
                        <h:outputText value = "Contraseña:"/>

                        <p:password id="Password" value="#{loginBean.password}" feedback="true|false" />     
                        <p:commandButton action="#{loginBean.login()}" value="Enviar" ajax="false"/>
                    </h:panelGrid>  
                </p:outputPanel>  
            </p:dialog>
        </h:form> 
    </h:body>
</html>